<template>
  <div class="">
    <div class="box">
      <el-form label-width="140px" :inline="true" :rules="rule">
        <el-form-item label="文章名称" prop="title">
          <el-input placeholder="请输入内容"></el-input>
        </el-form-item>
        <el-form-item label="文章类型">
          <el-input placeholder="请输入内容"></el-input>
        </el-form-item>
        <el-form-item label="是否置顶">
          <el-input placeholder="请输入内容"></el-input>
        </el-form-item>
        <el-form-item label="发布终端">
          <el-input placeholder="请输入内容"></el-input>
        </el-form-item>
        <el-form-item label="对外发布时间">
          <el-input placeholder="请输入内容"></el-input>
        </el-form-item>
        <el-form-item label="对外截止发布时间">
          <el-input placeholder="请输入内容"></el-input>
        </el-form-item>
        <el-form-item>
          <div class="global-quill-editor">
            <quill-editor v-model="content" :options="editorOption">
            </quill-editor>
          </div>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  components: {},
  methods: {},
  props: [],
  computed: {},
  mounted() {},
  watch: {
    content(a,b){
        console.log(a)
    }
  },
  data() {
    return {
      content: "",
      rule: {
        title: [{ required: true, message: "请输入文章" }],
      },
      editorOption:{
        placeholder: "请输入文章内容",
      }
    };
  },
};
</script>

<style lang="scss" scoped>
.box {
  width: 1200px;
  margin: auto;
  // background-color: brown;
}
.el-form {
  border: 1px solid gray;
  // background-color: green;
}
.el-input {
  width: 200px;
}
</style>